<template>
	<view>
		<view style="height: 160rpx;box-sizing:border-box; padding-top: 81rpx;border-bottom: 2rpx solid #F7F7F7;">
			<image src="/static/shequ/fh.png" @click="backTo()" style="margin: 0 296rpx 0 30rpx; width: 18rpx;height: 32rpx;" mode="aspectFit"></image>
			<text style="font-size: 32rpx;">积分</text>
		</view>
		<view style="width: 690rpx;height: 300rpx;background-color: #00C657;border-radius: 24rpx;margin: 30rpx;color: #fff;">
			<view style="display: flex;flex-direction: column;">
				<text style="font-size: 30rpx;margin: 46rpx 280rpx 42rpx;">我的积分</text>
				<text style="font-size: 48rpx;margin: 0 278rpx 50rpx;">56300</text>
			</view>
			<view style="margin: 0 275rpx 30rpx;display: flex;align-items: center;">
				<image src="/static/规则@2x.png" style="margin-right: 5rpx; width: 32rpx;height: 32rpx;" mode="aspectFit"></image>
				<text style="font-size: 26rpx;">积分规则</text>
			</view>
		</view>
		<view style="margin: 50rpx 40rpx;">
			<text style="font-size: 30rpx;">明细</text>
			<view style="font-size: 24rpx;margin-top: 34rpx; padding-bottom: 30rpx;border-bottom: 1rpx solid #E5E5E5;" v-for="(item,index) in 6" :key="index">
				<view style="display: flex;align-items: center;justify-content: space-between;">
					<text style="color: #1B1B1B;">分享奖励</text>
					<text style="font-size: 36rpx;color: #F61B00;">+12</text>
				</view>
				<view style="margin-top: 11rpx; color: #999;display: flex;justify-content: space-between;">
					<text>分享商品给好友</text>
					<text>05-12 15:30</text>
				</view>
			</view>
		</view>
	</view>
</template>

<script>
export default {
	data() {
		return {};
	},
	methods: {
	}
};
</script>

<style lang="scss"></style>
